视频网站用什么做,北京服务网,比较好的设计网站推荐,新媒体网站建设十大的经典成功案例安装脚手架node 版本要求#xff1a; 8.9 。关于旧版本#xff1a;如果在这之前已经全局安装了旧版本的vue-cli(1.x 或 2.x)#xff0c;那么需要先卸载掉。卸载旧版本运行#xff1a;npm uninstall vue-cli -g 或 yarn global remove vue-cli。安装vue/cli#xff1a…安装脚手架node 版本要求 8.9 。关于旧版本如果在这之前已经全局安装了旧版本的vue-cli(1.x 或 2.x)那么需要先卸载掉。卸载旧版本运行npm uninstall vue-cli -g 或 yarn global remove vue-cli。安装vue/clinpm install -g vue/cli 或 yarn global add vue/cli安装之后可以在命令行中访问vue命令。检查版本是否正确vue --version。快速原型开发 仅用于学习安装npm install -g vue/cli-service-global 或 yarn global add vue/cli-service-global 。安装vscode插件Vetur用于高亮.vue文件代码。利用vue脚手架搭建项目第一种方法使用vue命令搭建vue create 项目名注意项目名不能有大写字母否则会报错。搭建项目时需要我们选择一系列选项1、? Please pick a preset: (Use arrow keys) 请选择一个预设:(使用方向键) default (babel, eslint) 默认bable, eslint Manually select features 手动选择功能选择Manually select features2、? Check the features needed for your project: (Press space to select, a to toggle all, i to invert selection) 检查项目所需的特性:(按空格选择a切换全部i反转选择)。(*) Babel ( ) TypeScript ( ) Progressive Web App (PWA) Support ( ) Router ( ) Vuex ( ) CSS Pre-processors (*) Linter / Formatter ( ) Unit Testing ( ) E2E Testing项目需要什么特性就选择什么特性3、? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) 路由器使用历史记录模式? Y/n4、Where do you prefer placing config for Babel, ESLint, etc.? (Use arrowkeys) 配置放在哪里? In dedicated config files 专用配置文件 In package.json 在package.json文件In package.json5、? Save this as a preset for future projects? (y/N) 将其保存为未来项目的预置?y/N然后项目就搭建完成了。怎样使用呢cd 项目名进入到你创建的项目npm run serve开启服务器拿到服务地址在浏览器打开服务地址。第二种方法使用 vue ui 命令来搭建使用 vue ui 命令后会自动打开一个Vue 项目管理器网页然后我们手动搭建项目就行了。创建 - 在此创建新项目 - 输入项目名 - 选择一套预设 - ? Use history mode for router? (Requires proper server setup for index fallback in production) - 创建项目 - 保存预设 - 任务、serve、启动app 。小知识如何删除预设呢找到 .vuerc 文件C盘 - 用户 - 29215 - .vuerc删除 presets 对象下的字段。
