【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">
以上是 【vue】项目新建或刚巧电脑重装系统什么的 的全部内容, 来源链接: utcz.com/z/377344.html