前端初学者基础框架vue脚手架的搭建

前端初学者基础框架vue脚手架的搭建

学到框架，大家应该学过使用node.js安装一些东西了。所以此处不再赘述。

• 首先，我们要安装vue脚手架，使用命令

 npm install -g vue-cli
 //检查是否安装成功
 vue -V

• 安装成功后，我们开始搭建一个脚手架，使用命令

 vue init webpack program  //program是你的项目名称
 //下面是他会让你确定一些选项，括号内可修改
 ? Project name (program)  //项目名称
 ? Project description (A Vue.js project)  //项目描述
 ? Author (fhx)  //作者
 ? Vue build (Use arrow keys) //打包方式
 ? Install vue-router? (Y/n) //是否安装vue-router，一般项目都要，建议yes
 ? Use ESLint to lint your code? (Y/n) //使用esLink规范代码，我一般是no
? Set up unit tests ? (Y/n)
? Setup e2e tests with Nightwatch? (Y/n) //这俩是测试用例，建议no
? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys) //选择安装方式

• 完成了上面的操作，你就等他响应安装即可，随后

 cd program //进入项目
 npm run dev  //运行项目
 //然后会给你一个端口，在浏览器运行即可

• 但是一般项目都会用到以下两个插件：

npm install vuex --save //vuex
npm install axios  //ajax

• 至此，一个完整的vue脚手架搭好，可以写代码上去了
• 此贴为记录贴，有错误请大佬们指正