前端js的快速搭建

前端js的快速搭建

1：先安装node.js软件，用于查找并下载其他js脚本(具体教程找菜鸟)

   传送门(https://www.runoob.com/vue2/vue-install.html)
   cnpm install --global vue-cli
   创建一个基于 webpack 模板的新项目
   vue init webpack my-project

2： 再使用 npm install vue 安装 vue ，自带webpack打包工具

3： 再通过 webpack 安装脚手架，创建一个demo工程

在安装途中遇到的问题及结解决办法

vue-cli · Failed to download repo vuejs-templates/webpack:unable to verify the first certificate
由于ssl证书问题，可修改配置文件绕过验证

打开vue-cli默认路径 C:\Users<UserName>\AppData\Roaming\npm\node_modules\vue-cli\node_modules\download（如果不是默认的文件夹， 是自定义的文件夹路径的话就是在自定义文件夹的目录下） 打开目录下的index.js

将下面这行注释： rejectUnauthorized: process.env.npm_config_strict_ssl !== ‘false’

然后改为： rejectUnauthorized : false

重新运行： vue init webpack project-name 就可以了

4: 当可以依赖node.js运行该脚本时，通过npm run build命令可以生成在 服务器上运行的静态代码，存放于dist文件夹里面的

注意有个bug 
运行npm run build 命令需要改下
解决办法：传送门(https://segmentfault.com/a/1190000010191670)