vue2 项目搭建

A
安装cnpm？
npm install -g cnpm --registry=https://registry.npm.taobao.org
B
配置项目？
打开cmd

第一步： npm init -y
第二步： 安装vue-cli脚手架 4.5.15

	cnpm install -g @vue/cli@4.5.15

 查看版本：
 vue  -V

第三步：
创建项目方式1：

vue create demo1

创建项目,方式2 ui？

第四步： 打开项目

cd demo1

第五步：运行？

npm run serve

ElementUI
A
全局使用？
第一步：

npm i element-ui -S

带版本安装 ？

cnpm i element-ui@2.15.8 -S

第二步：main.js 引入

	import ElementUI from 'element-ui';
	import 'element-ui/lib/theme-chalk/index.css';

B
按需引入？
第一步：打开 babel.config.js
第二步：

"plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]

第三步：

import { Button } from 'element-ui';
Vue.use(Button);

css预处理器
A
sass安装？
第一步。官网安装ruby
第二步：下载node版本切换工具。切换node版本至12.0.0

nvm-->https://github.com/coreybutler/nvm-windows/releases
nvm use v12.0.0

下载node。

https://nodejs.org/zh-cn/download/

第三步。安装

cnpm i sass-loader@7 node-sass@4 -S

B
less安装？
第一步。

cnpm i less@3 less-loader@7 -S

图标库的使用？
A
font-awesom图标库

cnpm i -D font-awesome

第一步–>main.js–>

 import 'font-awesome/css/font-awesome.min.css'

第二步—>home.vue—>

<i class="fa fa-user"></i>

安装axios
第一步：–>

cnpm i axios -S

第二步：–>main.js–>

	import axios from 'axios'
	Vue.prototype.axios = axios //挂载到原型，就可以全局使用

安装路由
第一步：—>

cnpm i vue-router@3.5.3 -S

A
配置路由？

import Vue from 'vue'
import Router from 'vue-router'
import Home from '../components/Home.vue'


Vue.use(Router)
export default new Router({
    router:[
        {
            path:'/',
            Comment:Home
        }
    ],
    mode:'history'
})

B
挂载路由？

nvm 使用
nvm的下载地址？
安装包下载地址：https://github.com/coreybutler/nvm-windows/releases，windows系统下载nvm-setup.zip安装包

//查看已经安装的版本

nvm ls
nvm list

//下载某个版本,例如9.0.0版本

nvm install 9.0.0

//切换版本,例如切换到9.0.0 ， 建议在管理员cmd窗口运行命令，不然会报错

nvm use 9.0.0

node的版本错误，导致sass报错，
解决方法： 用管理员身份登录cmd，切换node版本，再次运行ok