vue脚手架3.0的搭建
2024-10-01 18:35:16
一、安装node
打开cmd输入node -v查看是否安装成功
显示node版本号表示安装成功,显示‘node’不是内部或外部命令表示未安装node。
node安装地址:http://nodejs.cn/download/
注 :安装 vue-cli 脚手架目前需要node版本为 v4.0 以上。
二、vue-cli3.0全局安装
输入npm install -g @vue/cli命令全局安装,完成后输入vue -V(V大写)查看是否安装成功。
显示vue版本表示安装成功。
输入vue查看vue命令
三、开始创建项目
新建一个文件夹,cmd切换到该文件夹,输入vue create project-name命令。
按键盘上下键选择默认(default)还是手动(Manually),如果选择default,一路回车执行下去就行了(注:现在vue-cli3.0默认使用yarn下载),这里我们来选择手动下载。
四、进行配置选择
你项目中用到哪些就选择相应的进行配置就行了(注:空格键是选中与取消,A键是全选)。
五、选择css预处理,这里我选择stylus
六、选择ESLint + Prettier
七、选择语法检查方式,这里我选择第一个保存就检测
八、选择把Babel、PostCss、ESLint这些配置的文件放哪里,这里我选择第一个独立放置文件
九、是否记录以便下次继续使用这套配置(选择Y需要输入保存名字,N不记录)
十、等待下载依赖模块
十一、cd到project-name然后npm run serve启动项目
十二、修改端口,在根目录下创建vue.config.js
官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
最新文章
- Hive学习笔记(一)
- Android-Universal-Image-Loader 框架使用
- Linux下修改hostname
- IOS--- NavigationBar标题按钮
- Google v8 - Hello world
- 开启MongoDB 脚本和设置window自启
- cf1084d 非常巧妙的树形dp
- 第九章 词典 (e)桶/计数排序
- eclipse mars 4.5.1 自定义工具栏
- DPI (深度报文检测) 关于DPI的学习笔记
- 基础笔记1(进制,浮点,递归,floor,round和ceil)
- 一篇文章入门Jmeter性能测试【经典长文】
- Spring官方文档翻译(1~6章)
- POJ--2752--Seek the Name, Seek the Fame【KMP】
- Unity5.5+easytouch5双摇杆控制角色移动
- poj3735—Training little cats(特殊操作转化为矩阵操作)
- UVa 1638 - Pole Arrangement(dp)
- 转:一位10年Java工作经验的架构师聊Java和工作经验
- tomcat 内存溢出原因分析及解决
- C# 由范式编程==运算符引发对string内存分配的思考
热门文章
- Mac配置PHP环境
- JAVA JS 中的 modulus exponent 生成 C# 公匙
- HN0I2000最优乘车 (最短路变形)
- 洛谷 P2104 二进制
- 洛谷 P1754 球迷购票问题
- Material Design控件使用学习 TabLayout+SwipeRefreshlayout
- java.beans.PropertyChangeListener
- Sub Thread to update main Thread (UI)
- SYSU 6356 Dispatching
- Python入门:全站url爬取