@vue/cli脚手架创建项目

1、安装nodejs环境

官网下载：https://nodejs.org/en/download/
一直默认就行，路径可以改变但要记得到

安装完成后打开cmd，输入

node -v

npm -v

如果能看到node和npm的版本号了，说明已经安装成功

注：node版本最好高一点，保险的话直接安装最新版本的，因为vue运行需要基于npm一定的版本（最好是3.x.x以上），版本低了有可能会出错，而npm是随node的安装自动安装的，直接安装最新的node，npm的版本号也会变高的，不用再做更多的操作，当然，也可以手动升级npm版本号（自己百度）

2、安装@vue/cli

首先利用淘宝镜像安装cnpm

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

安装完成，输入

cnpm -v

可以查看当前cnpm版本，这个和npm的版本还是不一样的

然后全局安装 @vue/cli

//下载脚手架

cnpm install -g @vue/cli

//或者

npm install -g @vue/cli   	

 

这个命令只需要运行一次就可以了。安装上之后，以后就不用安装了。

3、创建项目

my-app 代表你的项目名称

vue create my-app			//创建项目
cd my-app					//进入项目
npm run serve				//运行项目

 

查看vue版本号      注意这里是大写V

vue -V

 

如果提示“无法识别 ‘vue’ ” ，有可能是 npm 版本过低，需要手动更新npm的版本号，这也是上面说的为什么要保证npm版本号高的原因，npm的版本可以手动升级更新，没记错的话应该是。升级的话，输入：

npm install -g npm

如果提示这个问题：

解决办法:

运行powershell（管理员身份）

输入：

set-ExecutionPolicy RemoteSigned