安装环境

1.安装nodejs

直接去node官网下载安装就好了

2.安装淘宝镜像

打开cmd命令面板，或者 Git 也可以

注：如果是Win10以上的系统，最好是以管理员权限打开，否则会有意想不到的报错

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

安装淘宝镜像的作用：

使用 nodejs 后，我们是需要用 npm 命令来加载模块的。但是 npm 默认从国外的源(https://registry.npmjs.org/)获取和下载包信息，国内访问速度很不理想。就像其他很多开源软件都有国内镜像源，npm 也不例外。所以我们可以利用国内的镜像源来加速模块安装。

3.安装webpack

cnpm install webpack -g
-g是全局安装

4.安装vue脚手架

npm install vue-cli -g

现在基本工作就准备好了，接下来就可以根据模版创建项目了

创建项目

1.加载 webpack 模版

选择一个文件夹存放项目，然后执行：
vue init webpack-simple 项目名字（项目名字不能用中文）
eg：vue init webpack-simple itemName

会有一些初始化的设置，如下输入:
Target directory exists. Continue? (Y/n)直接回车默认
Project name (vue-test)直接回车默认
Project description (A Vue.js project)直接回车默认
Author 写你自己的名字或回车默认

2.进入你的项目目录

cd 项目名字(刚才创建的项目)
eg：cd itemName

3.安装项目依赖

注：这一步最好从官方仓库安装，因为从国内镜像安装有可能导致后面缺了很多依赖库，报一些不知所云的错误

npm install
或者 npm i
这里的 i === install

如果用 npm install 报这种错误：

npm i.jpg

cnpm i.jpg

4.安装 vue 路由模块

cnpm install vue-router --save
或者 cnpm install vue-router -S
-S === --save

5.启动项目

npm run dev

注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。