Vue 搭建项目
一.node下载安装:
1.下载:https://nodejs.org/en/download/
2.安装默认许选择,下一步就行;
3.安装完之后就可以使用npm命令
二.通过@vue/cli方式安装:
1.全局安装@vue/cli :
npm install -g @vue/cli 最新版本3.x,可以通过ui界面方式创建
2.创建项目:
vue create 项目名称
或
vue ui 直接打开web页面,通过界面方式创建项目
三.通过vue-cli方式安装:
1.全局安装vue-cli
npm install --global vue-cli vue-cli 旧版本
2.通过webpack方式初始化vue项目
vue init webpack 项目名称
3.根据提示设置项目信息即可
四.运行:
npm run dev
五.编写代码调试:
跳转到:https://www.cnblogs.com/zlp520/p/10924962.html
六.生成:
npm run build
七.扩展:
1.npm 安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完之后就可以使用cnpm和npm命令一样,只是cnpm是淘宝镜像而已
2.npm安装安装yarn:
npm install -g yarn
备注:-g或 --global代表全局的意思
全局安装:
npm install xxx -g 安装到 AppDataRoaming pm ode_modules目录
本地安装:
npm install xxx 安装到命令行所在目录的node_module目录。