关于vue.js:前端vue学习vuecli安装

4次阅读

共计 802 个字符,预计需要花费 3 分钟才能阅读完成。

1. 装置 nodejs
www.nodejs.cn 下载 nodejs

2.npm
npm 是 nodejs 的包管理器,cnpm 是(淘宝)国内镜像的 (区别: 抉择下载的站点不同)
cnpm 装置:npm install -g cnpm  --registry=http://registry.npm.taobao.org
npm root - g 查看全局装置的文件夹地位

3.vue-cli2 装置
npm install vue-cli -g
npm install -g @vue/cli 或者 cnpm install -g @vue/cli(vue-cli3 装置)
npm install -gd express --registry=http://registry.npm.taobao.org
(npm config set registry http://registry.npm.taobao.org)
(npm init -f( 在本地装置失败的状况下,须要初始化本地环境配置))
npm config get registry 获取镜像配置

装置报错:
npm cache clean --force
npm install -g npm@latest  (npm 更新到最新版本)
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm cache verify

har-validator@5.1.2 Not found 问题
删除 package-lock.json 文件,从新应用 npm i 即可

4. 新建一个我的项目:vue-cli3  
npm i -g @vue/cli-init

 1). vue init webpack projectName ,cd projectName ,npm run dev

 2). vue create projectName,cd projectName,npm run serve



5. 增加 element
vue add element

npm run build 编译生成 dist 文件 
正文完
 0