Vuejs 脚手架的安装

步骤：

1. 安装node环境(我们安装vue-cli  需要使用npm 命令来进行安装，所以需要先安装node  node和npm 安装的步骤这次就不说了  关于cnpm的下次文章一起讲解)

 

2. cnpm install vue-cli -g   执行全局安装

 

安装完成之后输入 vue 看看是否安装成功

 

 

3. 进入对应的目录下，来构建项目mkdir  目录名     然后进入目录

4. 运行vue init webpack

 

 

5.进入项目文件夹下执行 cnpm install  来安装下载到模板中的package.json中的依赖，安装完成后会在项目文件夹下自动生成node-module文件夹来存放安装的依赖文件。

 

6.运行项目执行  npm run dev

 

7.localhost:8080 访问

 

8.页面打包npm run build  打包之后 会在dist目录下生成 对应的页面

 

 

 

点开index.html  报错

 

路径错误，就是打包之后的项目路径需要改成相对目录

 

9.在config目录下的index.js中的build下的assetsPublicPath  改为  ./    然后重新打包就可以了。