使用控制台搭建vue-cli脚手架

注意：

1、安装前您需要查看自己是否有node环境检查：node - v

2、如果没有的话，需要先搭建好才能进行下一步操作

（参考：https://www.cnblogs.com/sylys/p/11703067.html ）

Vue-cli安装步骤：

1、控制台进入项目根目录文件夹

2、npm i -g vue-cli （使用npm全局安装vue-cli）

3、执行 vue list 可以看到很多实用的模板,这里实用的是 webpack

4、vue init webpack （初始化模板）

5、? Generate project in current directory? (Y/n) （是否在当前目录生成项目是的话回车键）

6、项目名称不能出现大写字母！

1）？Project name (vuePro) （是否使用vuePro作为项目名------》抱歉，名称不能再包含大写字母。）

2）? Project name vuepro （回车）

7、？Project description (A Vue.js project) 可以写一些对这个项目的描述 ------- ? Project description A Vue.js project

8、？Vue build (Use arrow keys) 是否生成vue (回车）------ Vue build standalone

9、？Install vue-router? (Y/n) 是否安装路由（根据需要这里使用y） ----- Install vue-router? Yes

10、？Use ESLint to lint your code? (Y/n) (是否使用ESLint 作为代码检测工具) 这里是代码风格检查器.为确保风格,最好选择yes,后面出现使用哪种选项,选择第一个风格即可.【ESLint 是一个ECMAScript/JavaScript 语法规则和代码风格的检查工具，它的目标是保证代码的一致性和避免错误。【ESlint 中文官方网站】：http://eslint.cn/ 】

11、？Pick an ESLint preset (Use arrow keys) 使用箭头键选择 Eslint 预设 ----- Pick an ESLint preset Standard

12、？ Set up unit tests (Y/n) (是否设置单元测试)

13、？ Pick a test runner ---- Pick a test runner karma

14、？ Setup e2e tests with Nightwatch? No

15、？Should we run `npm install` for you after the project has been created? (recommended) npm

# Installing project dependencies ...

> phantomjs-prebuilt@2.1.16 install F:\ProgramFiles\vue\vuePro\node_modules\phantomjs-prebuilt
> node install.js

。。。。

（因为需要下载很多的依赖，所以很慢，需要等待....）

16、nmp run dev 启动本地服务,打开网址:http://localhost:8080/

巴特西

使用控制台搭建vue-cli脚手架

最新文章

热门文章