创建vue脚手架项目

第一步：安装nodeJS

1、nodeJS官网下载地址：https://nodejs.org/en/download/
2、安装完成后 运行cmd 查看版本

node -v

npm -v

如能够查看到版本号 说明已经安装成功

第二步：安装vue-cli

//npm 或已安装淘宝镜像 cnpm 都可行
npm install -g vue-cli

安装之后 便不需要再次安装

//查看是否已安装
vue -V //注意 这里的V是大写的V

注意：安装vue-cli时可能会碰到几个问题
1、如果无法识别vue，那么就是npm版本过低，需要更新

npm install -g npm

2、npm命令安装vue-cli时总会报错

//解决方法 安装淘宝镜像，使用cnpm去安装
npm install cnpm -g --registry=https://registry.npm.taobao.org

查看是否安装成功与查看npm方式一样

cnpm -v

3、在vscode中使用不了vue命令

1.在Windows中搜索：windows PowerShell 右击以管理员身份运行
2.输入 set-ExecutionPolicy RemoteSigned
3.输入A 即可

第三步：创建项目

//创建脚手架项目
方法一：vue init webpack 项目名(下面的截图是老早前的 可不带文件名，现在要写上的哦)

方法二：vue create 项目名

//按自己需求选择
Generate project in current directory? //在当前目录中生成项目
Project name //项目名称
Project description //项目描述
Author //项目作者
Vue build //项目版本
Install vue-router? //是否安装vue-router 路由
Use ESLint to lint your code? //是否使用ESLint来lint代码？
Set up unit tests //是否设置单元测试
Setup e2e tests with Nightwatch? //是否使用Nightwatch设置e2e测试
Should we run `npm install` for you after the project has been created? (recommended) //推荐 YES

第四步：运行项目

//创建成功后 运行
npm run dev
或
cnpm run dev

项目中基本的一些文件