VUE搭建,使用的脚手架是2.0
1.安装node.js
2.安装脚手架2.0,使用的是官方(进阶可以自寻搭建)
创建指令: npm install vue-cli -g
删除脚手架指令: npm uninstall vue-cli -g
最新脚手架指令: npm install @vue/cli -g
安装指定版本脚手架指令: npm install -g @vue/cli@4.5.9
查看node指令:node -v
查看vue脚手架指令: vue -V
查看npm指令: npm -v
使用高版本脚手架继续使用2.0脚手架需要桥接工具:
npm install -g @vue/cli-init

3.创建项目指令:vue init webpack test(项目名称)

创建vue项目时,有说是否使用eslint(代码检查),这个最好选no吧,虽然选择可以让代码更加规范,但是引入不规范的代码就老报错很烦;
如果选择了也没有关系,可以在bulid---webpack.base.conf.js---module---改为 ...(config.dev.useEslint ? [] : []),

创建好项目后,有几个是必须的模块,vuex,axios,router,有些项目需要用到js-md5加密可以加上,UI框架很多种不多解释;
vuex是必须的,搭建时使用的是vuex3.0,命令:npm install vuex@3
axios这个请求必须的,也是vue目前最常用的一个:npm install axios
可以参照官网来自学搭建: http://www.axios-js.com/zh-cn/docs/
这个版本创建后自带路由,如果没有需要安装一个;
路由跳转也是必须的:npm install vue-router@3
可以参照官网来自学搭建:https://router.vuejs.org/zh/installation.html
加密指令:npm install js-md5
安装scss步骤:首先来一套下面的代码
- npm install sass-resources-loader --save-dev 安装后的版本: 2.2.4
- npm install sass-loader@7.0.1 --save-dev
- npm install node-sass --save-dev 安装后的版本: 7.0.1
- npm install style-loader --save-dev 安装后的版本: 1.0.0
然后在build文件下找到webpack.base.conf.js,添加下面内容
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
},

最后在需要的vue页面上引入 lang="scss",即可使用
有时版本更新等等因素会引入其他的报错,还是具体报错具体分析吧
到这里就可以满足项目的基本要求了....

浙公网安备 33010602011771号