一、初始化一个vue项目
vue cli 3.0快速创建项目
参
node.js肯定是个前提,之前已经安装了,(安装参考:node安装步骤)接下来直接进入正题
按照步骤来就ok了!
1.新建一个路径无中文字的 js 的文件,便于打开终端
2.安装vue-cli
npm install -g @vue/cli
3.创建一个名叫 mytry 的项目,注意: 项目名中不要含有大写字母
vue create mytry-vue
出现vue-cli 3 要更新的问题,解决参考:vue-cli 3 要更新的问题
4.选择预配置
选择 图示内容,后续一路回车即可,或者根据自己的需求来选择
参考:预配置选项参
用 上下键选择 ,空格勾选 预置包,一般自己的练手项目勾选如下
此处补充一点:
如果你想在一个已经被创建好的项目中安装一个插件,可以使用 vue add 命令 ,然后自动生成vue项目目录:ok了,可以开始进行操作了
-----------------新版项目结构如下:
-------------------------老版如下:
5.进入mytry 项目,启动服务
补充一点:当下次再启动服务时,要先进入项目才可以启动,否则会报错(意思就是你打开左侧要启动的项目中的文件&#x