【vue】项目新建或刚巧电脑重装系统什么的

 最基本的先安装node、git或者svn、编译器（例如vscode）等等

 

1安装淘宝镜像

打开命令终端 npm install -g cnpm --registry=https://registry.npm.taobao.org

 

如果直接看看老项目

把项目拉下来

然后就cnpm i

npm run dev就完事了

如果项目是正好是新项目，那么就多费力气

2初始化项目 vue init webpack  项目名字

3 vue脚手架  

全局安装vue脚手架

cnpm install vue-cli -g

4安装一系列插件

cnpm install axios --save-dev

 

cnpm install jsonwebtoken -S

 

cnpm install vuex --save-dev

 

cnpm install json-server -g

5   glup安装

npm install gulp -g   全局安装 

 

npm install gulp --save-dev 局部安装 

 

npm  init -y 配置package.json文件  初始化工作 

 

安装gulp插件

命令：  npm install --save-dev 插件名称

npm install --save-dev gulp-cssmin   

npm install --save-dev gulp-uglify

 

gulp-sass    将sass文件转成css文件(有可能安不上   选择性安装)

gulp-cssmin  压缩css文件

gulp-uglify   压缩js文件

gulp-concat   合并文件

gulp-rename   重命名

gulp-imagemin  压缩图片文件（不稳定）

 

 

ES5转换

npm install  -g babel-cli   全局安装babel     打开cmd直接安装

npm install --save-dev  babel-preset-es2015  babel-cli      本地gulp项目下安装babel

 

6 webpack

 

1、全局安装  c  打开cmdz直接安装

2、局部安装  npm install --save-dev webpak@3     进入项目下安装

（重新创建一个英文命名的文件夹  不要使用之前的gulp项目）

webpack -v

 

3、配置package.json文件   将文件夹打包成npm包    命令：  npm init -y

 

 

项目目录下操作 ;

安装该插件 ：   npm install html-webpack-plugin --save

安装该插件 ： npm install css-loader style-loader   

 

安装好插件后 可以去package.json中查看插件是否安装成功

我:

1，安装

cnpm  install sass-loader --save-dev

cnpm install node-sass --save-dev

2，修改配置

在build文件夹下的webpack.base.conf.js的rules里面添加配置

 

{

test:/.scss/,

loader:["style-loader","css-loader","sass-loader"]

}

 

<style lang="scss">