2021-03-11

vue学习（一)

1.环境搭建

• 浏览器：Chrome
• IDE编辑器：WebStorm
• Node.js 8.9+, npm

2.安装脚手架

window+R+CMD进入终端控制台，执行命如下命令

npm install -g @vue/cli

如果之前已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，需要先通过 npm uninstall vue-cli -g 卸载它。

如果安装错误，解决方法：

• 先卸载node，再继续安装CLi
• 以管理员身份打开命令行终端CMD，然后输入命令 npm clean cache -force来清空文件夹，再继续安装CLi；
  或者手动清空或者删除npm-cache文件夹，路径是C:\Users\Administrator\AppData\Roaming\npm-cache，然后再安装CLi。

安装好脚手架后，创建项目（create后面是我们自定义的项目名称），可以cd到具体的某个位置进行创建

vue create vue-jkjn-study

按enter键进行下一步：

按enter键进行下一步：

按enter键进行下一步：

继续按enter键，会询问

Save this as a preset for future projects?
将此保存为未来项目的预设?

选择Y或N都可以，如果选择了Y，如果想删了commonPrest，可以从提示的文件夹删除。然后就等待项目创建好即可，创建好的项目目录结构如下就表示成功了。


运行项目，要到项目所在文件夹下运行