一、安装Node.js

安装步骤详细见Node.js下载安装环境配置 =》https://blog.csdn.net/WHF__/article/details/129362462

二、安装vue

安装 vue.js: npm install vueg   // -g为全局安装

注意:要以管理员身份运行cmd命令窗口!!

点击【开始】菜单,在搜索输入命令提示符”,点击“以管理员身份运行

 ②安装webpack模板npm install webpack -g

安装webpackclinpm install --g webpack-cli

安装成功后使用webpackv 查看版本号

 

ps:如果出现以下情况,无法查看版本号可以安装指定版本即可解决

 

③安装@vue/cli npm install -g @vue/cli

 输入vue —version 查看版本号

④安装vuecli: npm install -g @vue/cliinit

⑤安装vuerouter: npm install vuerouter -g 

三、创建Vue项目

1.创建Vue项目vue init

vue init命令vue-cli2.x提供创建Vue项目方式可以使用github上面的一些模板初始化项目比如webpack就是官方推荐标准模板

创建方式vue init webpack xxx项目名称

 vue create demo00

②具体环节的选择,回车确认

 ④创建完成cd进入项目npm run dev启动项目

 ⑤打开浏览器浏览器输入地址

 

2.创建Vue项目vue create

vue creat命令vue-cli3.x提供创建Vue项目方式模板固定的,模板选项可自由配置

①创建方式vue create xxx项目名称

 vue create demo01

②用键盘上下箭头移动到【Manually select features】,按回车键选择

③根据自己需求选择,按空格键选择,回车键继续

Babel vue项目中普遍使用 es6 语法,但有时我们的项目需要兼容低版本浏览器,这时就需要引入babel插件,将 es6 转成 es5。
TypeScript TypeScript 通过添加类型扩展 JavaScript。通过了解 JavaScript,TypeScript 可以节省捕获错误时间并在运行代码之前提供修复。任何浏览器,任何操作系统,任何运行 JavaScript 的地方。 完全开源
Progressive Web App (PWA) Support 渐进式Web应用程序(PWA)支持
Router Vue Router 路由
Vuex Vuex 是一个专为 Vue.js 应用程序开发状态管理模式。它采用中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测方式发生变化。
CSS Pre-processors CSS预处理器,预处理器:比如要用 sass 或者 cssNext 就要按照人家规定的语法形式,就是用人家的语法编写然后人家把你编写代码转成 css
Linter / Formatter 格式化程序
Unit Testing 单元测试
E2E Testing 端到端(end-toend)。

 ④选择vue版本号这里我选择2.x,回车键继续。

 ⑤这里我选择否,输入: n,回车继续。

⑥ 选择 eslint 校验规则。此处建议选择默认配置,即直接回车即可

⑦选择什么时候进行代码校验,此处建议选择第一个,回车即可

 ⑧选择存放配置,此处建议选择第二个,存放到package.json中,回车即可

 ⑨选择是否保存本次配置建议选择 N,即不保存。回车确认

 ⑩创建项目成功,cd 项目名称 进入项目,npm run serve 运行项目

复制Local地址打开浏览器粘贴浏览器地址栏按下回车键

 

结束

原文地址:https://blog.csdn.net/WHF__/article/details/129373301

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_34564.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注