初识VUE
教程: https://www.jianshu.com/p/0c6678671635
-
安装Node,https://nodejs.org/en/Nodejs官网
-
查看node版本号和npm版本号
-
安装淘宝npm镜像(cnpm),为了保证npm安装包的速度
-
输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
-
-
安装vue-cli 脚手架
-
输入命令:cnpm install --global vue-cli
-
查看cnpm版本号, cnpm --version
-
cnpm 不是内部命令解决方案, 将cnpm.cmd命令copy一份到npm路径下即可, 或者将cnpm的路径配置到系统环境变量中
-
-
查看vue版本,
-
输入命令:vue --version
-
vue 不是内部命令 解决方案, 将vue.cmd命令的路径配置到系统环境变量中,VUE_HOME=xxxxx,path=%VUE_HOME%
-
升级vue版本到3.x
npm uninstall -g vue-cli npm install -g @vue/cli
-
-
创建vue新项目, vue create project _name
- vue create hello-vue
Noted: 由于项目创建完之后生成的node_moudles文件夹过大, 所以上传的项目删除了该目录。 从git下载到本地之后,使用cnpm install 命令可自动下载相关文件。