一、通过 npm/yarn 构建vue项目

环境要求：node.js、vue、vue-cli

node下载地址：https://nodejs.org/en/

注意：

md xx 创建xx文件夹
cd xx 进入xx文件夹（cd … 返回上一级）
-g 是全局的意思；
install 安装
uninstall 卸载
init 初始化
webpack 压缩

一、通过 npm 构建vue项目

1、查看nodejs版本

node -v

2、查看npm版本

npm -v　

3、npm更新到最新的版本

npm install -g npm

4、淘宝 npm 镜像（可不选）

npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

5、vue-cli脚手架安装

npm install vue-cli -g

6、vue-cli的版本查看

vue -V或者是vue --version

7、vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的命令

npm install @vue/cli -g

8、如果原来已经安装了vue-cli的话需要先卸载原来的安装

npm uninstall vue-cli -g

第一种创建项目

1、因为vue脚手架的一些好用的功能是基于webpack模块的，所以首先你应该全局安装webpack模块（安装成功后应该会出现版本号）

npm install webpack -g //全局安装webpack

webpack -v //检查webpack是否安装成功， 成功即出现版本号。

2、创建项目

vue init webpack projectName

3、进入项目，下载依赖：（进入项目一定要切换到项目路径） cd 项目名

npm install 或者 cnpm install

4、运行项目：（老版本启动是 npm start 和 npm run dev，新版本是 npm run serve）

npm run dev

第二种创建项目

vue-cli 3.0或4.0

cnpm install -g @vue/cli

vue -V

vue create 项目名字

cd 项目

npm run serve

二、通过 yarn 构建vue项目

1、首先全局安装 yarn

npm install yarn -g

卸载 yarn：npm uninstall -g yarn

2、设置yarn的下载源为淘宝镜像（可不选）

yarn config set registry https://registry.npm.taobao.org

3、查看镜像是否切设置成功

yarn config get registry

4、全局安装vue-cli脚手架

yarn global add @vue/cli

5、查看是否安装成功

vue -V

或者 vue --version
6、创建脚手架项目

vue create 项目名称