mac上搭建vue环境及webstorm新建vue项目
2023-09-27 14:25:57 时间
安装nodejs和npm
vue 不同环境的baseurl配置 1.不管讲多少遍,对这个不同的环境中 baseURL的配置还是很懵 2.今天在单独开篇文章写下吧 3.vue-cli 模式环境变量 官方说明 4.process 说明 5.最新脚手架 vue/clie 4x
这个就不细说了 网上有很多相关资料。
注意 如果npm版本低可能不行 升级npm使用命令
sudo npm install -g npm 复制代码
查看npm版本使用命令
npm -v 复制代码
安装命令 npm install -g cnpm --registry https://registry.npm.taobao.org
验证命令 cnpm -v
可能需要提前安装webpack-cli npm install webpack-cli -g
安装webpack npm install webpack -g
验证 webpack -v
注意 webpack依赖webpack-cli 但是webpack-cli并不会自动安装 所以需要我们手动安装。
如果未安装 当执行命令webpack -v会提示是否安装 直接yes安装即可。应该也可以提前先安装完再安装webpack
安装语句为 npm install --global vue-cli
验证命令:vue -V (注意V要大写)
打开webstorm 要高版本 至少2017版本及以下没有 依次点击new project - vuejs 然后输入项目名称 一路next即可。
打开项目后等待build完成 可以看到运行栏出现npm start 点击run即可运行项目。
如果点击run出错如下
[webpack-dev-server: command not found]
在终端中 在项目目录下执行cnpm install 然后执行npm run dev就运行起来了 这时候打开http://localhost:8081就可以看到了。
然后下次运行就可以直接run了。
vue 不同环境的baseurl配置 1.不管讲多少遍,对这个不同的环境中 baseURL的配置还是很懵 2.今天在单独开篇文章写下吧 3.vue-cli 模式环境变量 官方说明 4.process 说明 5.最新脚手架 vue/clie 4x
相关文章
- Vue 2升级 Vue 3初探小细节
- Blazor和Vue对比学习:祖孙传值,联级和注入
- JavaScript - 实现向 formData 对象中追加数组或对象,使用 append() 插入数组、对象等复杂数据类型(vue / uniapp / react 项目通用解决方案)
- Vue项目--尚品汇(详情页面)
- Vue.js 前端项目在常见 Web 服务器上的部署配置
- vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
- vue-cli 3.0集成sass/scss到vue项目
- 使用vue-cli3创建项目的时候出错,ERROR command failed: npm install --loglevel error --registry
- 给 vue项目添加ESLint
- 使用TypeScript创建Vue项目
- Mockjs---自定义静态数据---Vue ui视图化的创建项目的笔记
- 学习Vue.js
- .vue公共组件裁减导航
- 解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题(点击多次跳转)
- vue-cli4构建项目,与vue-cli3构建项目的区别
- vue-cli3项目中引入jquery 以及如何引进bootstrap
- 前端技术:vue(Vue项目中-axios设置默认请求地址和请求头)
- 沙箱支付宝支付 SpringBoot+Vue前后端分离项目 实战
- Vue2:vue-admin-template项目修改访问端口和网站名(人力资源项目)
- vue-element-admin 项目引入Echarts中的dataTool; echarts.dataTool.prepareBoxplotData is not a function
- vue中换行符不换行、不生效的处理(n或者<br>)
- Vue.js 样式绑定
- VUE 在idea中的运行项目
- 详解基于vue,vue-router, vuex以及addRoutes进行权限控制