vue入门

新建vue项目
首先下载脚手架
vue-cli

一.安装vue-cli
1、 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。

注意：webpack 4.X 开始，需要安装 webpack-cli 依赖 ,所以使用这条命令 npm install webpack webpack-cli -g

2、 全局安装vue-cli，在cmd中输入命令:npm install --global vue-cli

3、安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。

注意
通过npm安装webpack的时候，出现错误信息

request to https://registry.npmjs.org/webpack failed, reason: unable to verify the first certificate

npm config set strict-ssl false

在命令窗口中输入，即可

二.创建vue项目
vue create my-app 项目名不能使用驼峰，只能全小写，或带中划线

三、引入依赖，常见以element-ui举例子 注意：
npm安装依赖成功或者卸载成功但package.json文件未更新，这样不好，因为package.json是声明依赖，并根据有声明依赖进行依赖下载的，如果package.json没有更新维护好，那么代码在你本地可以跑起来，但是在别人手上是跑不起来的

npm install/uninstall/remove xxx //并不能自动更新package.json，只是本机安装成功可以用了，但是并没有写入package.json，换台机器就不能自动下载依赖了。

只有加上对应参数才可以：

-S（等价于–save）：更新dependencies

-D（等价于–save-dev）：更新devDependencies //开发环境

-O（等价于–save-optional）：更新optionalDependencies

比如：
npm uninstall element-ui -S 就可以在卸载element-ui的同时，把其从dependencies中删除掉了。

依赖的版本号还得注意 ，存在~开头和^开头这两种的版本号
‘~’（波浪符号）:他会更新到当前minor
version（也就是中间的那位数字）中最新的版本。放到我们的例子中就是：“exif-js”:
“~2.3.0”，这个库会去匹配更新到2.3.x的最新版本，如果出了一个新的版本为2.4.0，则不会自动升级。波浪符号是曾经npm安装时候的默认符号，现在已经变为了插入符号。
‘^’（插入符号）: 这个符号就显得非常的灵活了，他将会把当前库的版本更新到当前major
version（也就是第一位数字）中最新的版本。放到我们的例子中就是：“vue”: “^2.2.2”,
这个库会去匹配2.x.x中最新的版本，但是他不会自动更新到3.0.0

https://www.jianshu.com/p/47f8f53fe7a5