如何使用vue-cli创建项目

如何使用vue-cli创建项目

首先就是对于环境的要求，node.js一定要全局安装，检查自己是否安装的方式
1、win+r 输入cmd
2、输入npm -v检测npm版本，node -v检测node.js版本

准备完毕，开始准备创建项目（截图不便，下面不再截图，文字示之）
其实也简单

1. npm i -g @vue/cli 安装全局的vue-cli
2. 进入我们要创建项目的目录下 cd D:/testCreate
3. vue init webpack vue-demo(项目名称)
4. 下面是配置项目的一些内容
   ?Project name vue-demo # 项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters）。
   ? Project description A Vue.js project # 项目描述
   ? Author # 作者名称
   ? Vue build standalone # 选择运行加编译时
   Runtime + Compiler: recommended for most users
   ? Install vue-router? Yes # 是否需要 vue-router
   ? Use ESLint to lint your code? Yes # 是否使用 ESLint 作为代码规范.（如果觉得代码规范比较麻烦可以不使用）
   ? Pick an ESLint preset Standard # 一样的ESlint 相关
   ? Set up unit tests No # 是否安装单元测试
   ? Pick a test runner 按需选择 # 测试模块
   ? Setup e2e tests with Nightwatch? 安装选择 # e2e 测试
   ? Should we run npm install for you after the project has been created? (recommended) npm # 包管理器，选NPM(这里我想说的是，不要采用cnpm，这并不能使你下载起来快多少)

至此，一个简单的使用脚手架搭建的项目就搭建完毕了，然后我们把他运行起来
1、从控制台(win+r cmd)进入项目文件夹
2、依次输入npm install 后再输入npm run dev 访问8080端口就可以了http://localhost:8080/