2021-03-13

vue的npm安装方法

runtime-only代码中，不可以有任何的template
runtime-compliar代码中，可有有template

做项目node npm 和webpack等都是可以直接 -v（小写）来查询版本的，但是vue 必须使用vue -V（大写）来完成项目。
创建一个项目的步骤
1.安装node（如果不成功的话可以使用淘宝来帮忙。）
2.创建一个vue -cli的项目环境
语句是npm install --global vue-cli
3.创建一个名字
需要到达自己要创建的项目的下面
vue create 文件名字（这就是创建文件，必须在自己文件下面，而且不能加上中文）
会出现下面的情况
第一个是默认的vue2
下面一个是默认的vue3
在下面的是自定义安装
需要根据情况安装之后的安装熟悉就行
为什么我们选择vue2是因为elementui不支持vue3

创建好项目之后依次输入下面的指令。

–save-dev是安装到开发环境
–save是安装到生产环境
有一点是npm run serve就启动了服务
所以我们可以在启动服务之前就进行下面的操作，这样的话就不会启动之后无法添加。
npm i element-ui --save
安装ui组件

我们需要在main函数中装入下面的内容
import ElementUI from ‘element-ui’;
import ‘element-ui/lib/theme-chalk/index.css’;
Vue.use(ElementUI);