Vue 搭建项目

寵の児 提交于 2020-04-01 06:10:36

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 安装到 \AppData\Roaming\npm\node_modules目录本地安装:
npm install xxx 安装到命令行所在目录的node_module目录。
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!