vue脚手架的搭建

1、html
2、js
3、css

1、node.js环境--检查是否已安装node环境

node -v

如果没有安装的话，可以去node官网安装。

2、安装cnpm（可以选择不安装）淘宝镜像

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

此处有一个坑，和电脑有关。安装完之后，通过以下命令行检查

cnpm -v

如果可以输出来版本号，就没有问题。但是如果说cnpm不是内部命令，那你还要前去配置环境变量

3、全局安装vue-cli

cnpm install -g -vue-cli

可以通过

vue -V

来检查是否安装成功

4、创建新的vue项目

vue init webpack xxx

进入到目录文件夹后，输入上述代码，xxx代表你的vue项目文件名

图片是我安装的示例，后面的yes/no是推荐值

5、安装成功后，可通过提示进入到项目中，并启动该项目

6、启动成功后，会有一个网址，在浏览器中打开，看到以下图片的内容，说明项目搭建成功