Vue 项目开发前准备工作和步骤

Vue 项目开发前准备工作

1、首先肯定要先下载node.js;在官方网站选择适合自己电脑配置的版本。
官网地址：http://nodejs.cn/
检查是否安装成功：node -v;
2、下载使用淘宝npm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装全局vue-cli脚手架

cnpm install --global vue-cli

4、创建项目可在指定的文件夹下或使用命令打开指定的区域新建新的项目newtest是指新的项目文件名称

1. 通过图形界面创建项目 vue ui
   通过命令行创建项目 vue create 项目名 回车开始创建项目
2. 此时会出现三个选项询问你需要安装哪些功能
   根据自己项目需要可选择默认创建vue项目或者手动选择功能创建vue项目，按键盘↑或↓来选择，回车进行下一步
3. 选择手动模式
   手动选择需要安装的功能 按空格键选择 选中的功能前面会带有*号 选择完毕之后按回车进入下一步操作
4. 选择自己需要用的版本，回车进入下一步操作
   
5. 选择是否需要安装历史模式的路由，我一般都选否。按回车进入下一步操作
6. 选择css预处理器，按回车进入下一步操作
   
7. 选择自己需要的配置，按回车进入下一步操作
8. 是否把刚才所做的那些设置保存为一个模板供后续创建其他项目的时侯使用，选择Y要起一个名字，N就直接创建。
   
   经过漫长的等待
   
9. 创建完成，cd dome进入项目 npm run serve启动
10. 最后下载自己需要的依赖，开发自己的项目