前端技术栈---Vue（1）安装与初始化

shinezejian 发布于2019-08-21 17:07 / 1409人阅读

摘要：安装与初始化过程中遇到的坑，以此记录。安装依赖于，地址对应自己的系统选择相应的版本即可，这里推荐下载版本直接安装。至此，项目构建成功，如果遗漏或错误，恳请指出并加以修改。

vue安装与初始化过程中遇到的坑，以此记录。

1.安装vue依赖于node.js，地址：http://nodejs.cn/download/

对应自己的系统选择相应的版本即可，这里推荐下载msi版本直接安装。
附教程：http://www.runoob.com/nodejs/...

2.安装好node.js之后进入cmd，命令：node -v 查看node版本

2-1： 至此，node安装完成
![图片描述][2]

3.国内你懂的，直接下载淘宝镜像，命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
附地址：https://npm.taobao.org/

3-1：安装完成，运行命令：cnpm -v
3-2：至此，cnpm安装完成
![图片描述][3]

4.下面我们来安装vue脚手架，即vue-cli，cmd运行命令：cnpm install -g vue-cli@latest(此方法默认安装最新版本)

                                            cnpm install -g vue-cli@x.xx.x(安装指定版本)
                                            cnpm install -g vue-cli(同理)

tips:win10用户请在管理员身份下运行，否则会有权限限制导致安装失败

4-1: cmd运行vue -V查看版本号
4-2：至此，vue安装成功
![图片描述][4]
**4-3：如果此处安装失败，运行vue时，cmd报错，vue不是内部或外部指令，解决方法：
    全局搜索vue.cmd文件，将其所在路径配置在Path环境变量中。
**

5.使用vue-cli构建你的项目，cmd进入到你的项目目录下，运行：vue init webpack name（name为项目名）

                                                           webpack-simple（此为项目构建简版）

5-1：至此项目初始化完成

5-1-1：是否使用vue-router: 这里我们暂时不使用路由功能，n之
5-1-2：是否使用ESLint规范代码：使用规范一个","也会导致项目报错，需要规范代码的同学可以y，我是n之
5-1-3：是否使用单元测试：n之
5-1-4：是否使用e2e测试：n之
**tips:我们这里选择n对项目构建不会产生任何问题**

6.进入项目目录下，运行命令：npm install/cnpm install，安装项目所需依赖，想要快一些的同学选择第二种，不解释..

7.安装成功之后，运行命令npm run dev启动项目，项目默认占据本地8080端口

8.修改启动项目占用端口进入项目目录下，config/index.js 修改端口号。

9.至此，vue项目构建成功，如果遗漏或错误，恳请指出并加以修改。

海外云主机 GPU服务器 python栈初始化技术栈全栈技术码栈安装

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89150.html

基于 Vue2+Node+mongoDB 的前后端分离全栈练手小项目

摘要：本文源码简介之前刚入门并做好了一个简而全的纯全家桶的项目，数据都是本地模拟请求的详情请移步这里为了真正做到数据库的真实存取，于是又开始入门了并以此来为之前的页面写后台数据接口。本文源码：Github 简介：之前刚入门vue并做好了一个简而全的纯vue2全家桶的项目，数据都是本地 json 模拟请求的；详情请移步这里：vue-proj-demo 为了真正做到数据库的真实存取，于是又...

jay_tian 2019-06-26 17:20 评论0 收藏0
Vue+Express全栈购物商城

摘要：一前言提纲基于和框架写的一个全栈购物商城，记录项目过程中遇到的一些问题以及经验和技巧。服务端技术栈登录授权用认证机制，来实现登录登出。服务器配置和缓存策略，根据不同的来代理。申请证书全站升级到，配置的协议。一、前言提纲基于Vue和Express框架写的一个全栈购物商城，记录项目过程中遇到的一些问题以及经验和技巧。二、历史版本基于Vue-CLI2.0:点我查看这个分支版本是一两年前...

Richard_Gao 2019-05-22 18:23 评论0 收藏0
Vue+Express全栈购物商城

摘要：一前言提纲基于和框架写的一个全栈购物商城，记录项目过程中遇到的一些问题以及经验和技巧。服务端技术栈登录授权用认证机制，来实现登录登出。服务器配置和缓存策略，根据不同的来代理。申请证书全站升级到，配置的协议。一、前言提纲基于Vue和Express框架写的一个全栈购物商城，记录项目过程中遇到的一些问题以及经验和技巧。二、历史版本基于Vue-CLI2.0:点我查看这个分支版本是一两...

luzhuqun 2019-08-26 13:50 评论0 收藏0
用WEB技术栈开发NATIVE应用（二）：WEEX 前端SDK原理详解

摘要：依旧采取传统的开发技术栈进行开发，同时在终端的运行体验不输。首先来看下前端开发框架目前与构成了三大最流行的前端开发框架，具有组件化以及三大特性，还学习的，引入了状态管理模块。摘要： WEEX依旧采取传统的web开发技术栈进行开发，同时app在终端的运行体验不输native app。其同时解决了开发效率、发版速度以及用户体验三个核心问题。那么WEEX是如何实现的？目前WEEX已经完全开...

ls0609 2019-08-22 15:00 评论0 收藏0