使用vue前需要准备好的环境搭建

引用于https://segmentfault.com/a/1190000013950461的文章。

安装node.js

---

1. 进入Node.js官网：https://nodejs.org/en/，选择下载并安装Node.js。
2. 验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输入node -v即可得到对应的Node.js版本。
3. npm包管理器是集成在Node.js中了，所以在安装Node.js的时候就已经自带了npm，输入npm -v可得到npm的版本。
4. 输入以下命令npm -g install npm，更新npm至最新版本。

安装cnpm

---

1. 执行命令 npm install -g cnpm --registry=https://registry.npm.taobao.org ,使用npm的国内镜像（npm 国内镜像 https://npm.taobao.org/）cnpm 命令代替默认的npm命令，增加依赖包加载速度且避免资源限制。 
2. 执行命令 npm install -g cnpm --registry=https://registry.npm.taobao.org ,使用npm的国内镜像（npm 国内镜像 https://npm.taobao.org/）cnpm 命令代替默认的npm命令，增加依赖包加载速度且避免资源限制。 

cnpm安装脚手架vue-cli

---

1. 在命令行中运行命令 cnpm install -g vue-cli 安装脚手架

构建项目

---

1. 将vue项目建在F盘的vue-workspace文件夹下，利用命令进入此目录。
2. 在cmd中输入盘符F:回车即可进入F盘，
3. 然后执行命令进入F:workspacesvue-workspace路径目录下，
4. 再输入新建项目命令 vue init webpack javalsj-vue，执行后会自动生成vue项目。

安装项目依赖

---

1. 上面脚手架自动生成的vue项目不能直接运行，需要加载上项目需要的依赖包才能运行。通过在cmd中使用命令先定位到项目所在路径目录下F:workspacesvue-workspacejavalsj-vue，然后输入命令 cnpm install 安装项目所需的依赖包资源。
2. （博主在下载第三方开源项目运行的时候，有时会遇到奇怪的报错，然后通过先执行cnpm rebuild node-sass，后执行cnpm install解决，此步骤不是必须的。）

运行项目

---

1. 项目准备完毕后，现在可以运行vue初始项目看效果了。
2. 在cmd中，注意需要使用命令先定位到F:workspacesvue-workspacejavalsj-vue目录下，然后再输入命令npm run dev来运行项目。

浏览器访问项目

---

1. 项目运行成功后浏览器访问地址 http://localhost:8080 就可以查看效果啦。