安装vue脚手架创建项目

1.安装node.js [nodejs官网](https://nodejs.org/en/)


2.安装cnpm
到这里node的环境已经安装完了,npm包管理工具也有了&＃xff0c;但是由于npm的有些资源被墙&＃xff0c;
为了更快更稳定,所以我们需要切换到淘宝的npm镜像——cnpm。
npm install -g cnpm --registry&＃61;https://registry.npm.taobao.org


3 安装vuecnpm install vue


4.安装vue-cli脚手架构建工具cnpm install --global vue-cli


5. vue init webpack-simple my-projectProject name (my-project) # 项目名称&＃xff08;我的项目&＃xff09;
Project description (A Vue.js project) # 项目描述一个Vue.js 项目
Author 作者&＃xff08;你的名字&＃xff09;
Install vue-router? (Y/n) # 是否安装Vue路由&＃xff0c;也就是以后是spa&＃xff08;但页面应用需要的模块&＃xff09;
Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码&＃xff1f; &＃xff08;Y [ yes ] / N [ no ]&＃xff09;
Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint&＃xff08;使用箭头键&＃xff09;
Setup unit tests with Karma &＃43; Mocha? (Y/n) # 设置单元测Karma &＃43; Mocha&＃xff1f; &＃xff08;Y/ N&＃xff09;
Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试&＃xff0c;Nightwatch&＃xff1f; &＃xff08;Y/ N&＃xff09;
当然这些都看你自己个人的情况&＃xff0c;我这里是全选了是。


6 cd到项目目录 cnpm install 安装启动扩展


7. npm run dev