脚手架创建Vue项目

在命令中输入以下命令创建Vue项目 1、vue create toutiao-m
2、回车 让你选择创建的模式 default是默认模式,建议选择手动方式 支持更多工具的自定义 Manually select features
3、回车 接下来让你选择在项目中需要集成的工具 例如: 按空格键选中/取消 () Choose Vue version () Babel 作用是把项目中es6代码转成es5 用来去兼容低版本浏览器 ( ) TypeScript ( ) Progressive Web App (PWA) Support () Router 管理项目中的路由 () Vuex 管理项目中的共享数据状态 () CSS Pre-processors css处理器 sass less css处理器 () Linter / Formatter 对项目中的代码进行格式化的 还有格式化校验 校验代码格式规范 ( ) Unit Testing ( ) E2E Testing
4、回车 接下来会问你是否使用 history 作为你的路由模式,(history模式的url比较简洁 但是兼容性不太好) 所以我们选no 5、回车 接下来会让你选择要使用那个css处理器 Sass/SCSS (with dart-sass) Sass/SCSS (with node-sass) Less Stylus
前两种都是sass 只是编译器不太一样,从使用角度这几种大同小异 可以选择 第三种 Less 6、回车 接下来让你选择你的代码校验要使用哪种校验规范 ESLint with error prevention only ESLint + Airbnb config ESLint + Standard config ESLint + Prettier 推荐选第三种 7、回车 接下来让你选择在什么情况下触发格式校验 () Lint on save 当我们去修改保存文件的时候 () Lint and fix on commit 当我们去执行 fix commit提交的时候 这边建议两种都选上 8、回车 接下来让你选择 Babel, ESLint 生成的配置信息放哪 In dedicated config files 生成独立的配置文件当中 In package.json 是把上面的配置信息和package.json写到一起 推荐 独立配置文件中 这样子查看和维护更加方便 9、回车 接下来问你Save this as a preset for future projects? (y/N) 是否将你刚才的一系列选择来保存一下 下次可快速创建全新的项目 如果需要 可以输入 y 然后起个名字
如果不需要 输入no

10、回车 然后根据提示来 cd toutiao-m npm run serve
11、然后可以看到:

版权声明

弈心博客


首发 弈心博客,转载请附链接!

赞赏支持

感谢支持!


建站不易,感谢支持!

推荐阅读
【盘点高校】青岛有哪些综合类本科大学?共多少所? ** 青岛共 6 所综合类本科大学。 ** 这些学校分别是:中国海洋大学、青岛大学、青岛工学院、青岛滨海学院、青岛黄海学院、青岛恒星科技学院。 ## 1、 中国海洋大学 中国海洋大学座落在山东青岛市,是一所公办综合类本科院校。 创建时间:1924年占地面积(亩):2400 隶属于:教育部 学校地址:山东省青岛市崂山区松岭路238号 中国海洋大学是一所海洋和水产学科特色显著、学科门类齐
12

【盘点高校】钦州有哪些综合类专科(高职)大学?共多少所? ** 钦州共 1 所综合类专科(高职)大学。 ** 这些学校分别是:广西英华国际职业学院。 ## 1、 广西英华国际职业学院 广西英华国际职业学院座落在广西钦州市,是一所民办综合类专科(高职)院校。 创建时间:2005年占地面积(亩):225 隶属于:广西壮族自治区教育厅 学校地址:广西壮族自治区钦州市南珠西大街188号 广西英华国际职业学院是经广西壮族自治区人民政府批准、国家教育部
8

【盘点高校】辽宁有哪些医药类本科大学?共多少所? ** 辽宁共 10 所医药类本科大学。 ** 这些学校分别是:中国医科大学、大连医科大学、沈阳药科大学、辽宁中医药大学、锦州医科大学、沈阳医学院、大连医科大学中山学院、辽宁中医药大学杏林学院、锦州医科大学医疗学院、辽宁何氏医学院。 ## 1、 中国医科大学 中国医科大学座落在辽宁沈阳市,是一所公办医药类本科院校。 创建时间:1931年占地面积(亩):1949 隶属于:辽宁省 学校地址:
9

【盘点高校】福建有哪些综合类专科(高职)大学?共多少所? ** 福建共 21 所综合类专科(高职)大学。 ** 这些学校分别是:黎明职业大学、厦门城市职业学院、闽西职业技术学院、厦门海洋职业技术学院、厦门南洋职业学院、福州职业技术学院、厦门东海职业技术学院、厦门兴才职业技术学院、福州墨尔本理工职业学院、厦门华天涉外职业技术学院、漳州科技职业学院、三明医学科技职业学院、漳州城市职业学院、泉州轻工职业学院、厦门安防科技职业学院、泉州华光职业学院、宁德职业技
5

【盘点高校】甘肃有哪些理工类本科大学?共多少所? ** 甘肃共 7 所理工类本科大学。 ** 这些学校分别是:兰州理工大学、兰州交通大学、兰州工业学院、兰州石化职业技术大学、兰州资源环境职业技术大学、兰州博文科技学院、兰州信息科技学院。 ## 1、 兰州理工大学 兰州理工大学座落在甘肃兰州市,是一所公办理工类本科院校。 创建时间:1919年占地面积(亩):2430 隶属于:甘肃省 学校地址:主校区:甘肃省兰州市七里河区兰工坪路287号
8

【盘点高校】济南有哪些财经类专科(高职)大学?共多少所? ** 济南共 2 所财经类专科(高职)大学。 ** 这些学校分别是:山东商业职业技术学院、山东旅游职业学院。 ## 1、 山东商业职业技术学院 山东商业职业技术学院座落在山东济南市,是一所公办财经类专科(高职)院校。 创建时间:1936年占地面积(亩):2600 隶属于:山东省 学校地址:山东省济南市历城区旅游路4516号 山东商业职业技术学院是1999年经教育部批准设立的省属高职院
4

【盘点高校】泉州有哪些综合类专科(高职)大学?共多少所? ** 泉州共 4 所综合类专科(高职)大学。 ** 这些学校分别是:黎明职业大学、泉州轻工职业学院、泉州华光职业学院、泉州纺织服装职业学院。 ## 1、 黎明职业大学 黎明职业大学座落在福建泉州市,是一所公办综合类专科(高职)院校。 创建时间:1984年占地面积(亩):630 隶属于:福建省 学校地址:福建省泉州市通港西街298号 黎明职业大学是一所以理想命名的学校,学校渊源深厚。1
4

【盘点高校】沈阳有哪些医药类本科大学?共多少所? ** 沈阳共 6 所医药类本科大学。 ** 这些学校分别是:中国医科大学、沈阳药科大学、辽宁中医药大学、沈阳医学院、辽宁中医药大学杏林学院、辽宁何氏医学院。 ## 1、 中国医科大学 中国医科大学座落在辽宁沈阳市,是一所公办医药类本科院校。 创建时间:1931年占地面积(亩):1949 隶属于:辽宁省 学校地址:辽宁省沈阳市沈北新区蒲河路77号 中国医科大学是中国共产党最早创建的院校
10

【盘点高校】江苏有哪些综合类专科(高职)大学?共多少所? ** 江苏共 17 所综合类专科(高职)大学。 ** 这些学校分别是:苏州市职业大学、常州信息职业技术学院、江苏海事职业技术学院、南京城市职业学院、扬州市职业大学、江苏食品药品职业技术学院、南通职业大学、江苏农林职业技术学院、江苏城市职业学院、江苏商贸职业学院、苏州百年职业学院、镇江市高等专科学校、江苏联合职业技术学院、无锡南洋职业技术学院、应天职业技术学院、金山职业技术学院、宿迁泽达职业技术学
5

【盘点高校】成都有哪些语言类本科大学?共多少所? ** 成都共 1 所语言类本科大学。 ** 这些学校分别是:四川外国语大学成都学院。 ## 1、 四川外国语大学成都学院 四川外国语大学成都学院座落在四川成都市,是一所民办语言类本科院校。 创建时间:2000年占地面积(亩):612 隶属于:四川省教育厅 学校地址:四川省成都市都江堰青城山镇高尔夫大道367号 四川外国语大学成都学院是由国家教育部批准建立、按照新机制和新模式运行的本科
12

【盘点高校】德阳有哪些综合类专科(高职)大学?共多少所? ** 德阳共 1 所综合类专科(高职)大学。 ** 这些学校分别是:德阳农业科技职业学院。 ## 1、 德阳农业科技职业学院 德阳农业科技职业学院座落在四川德阳市,是一所民办综合类专科(高职)院校。 创建时间:2020年占地面积(亩):958 隶属于:四川省教育厅 学校地址:四川省德阳市罗江区大学北路95号 德阳农业科技职业学院是经四川省人民政府批准,国家教育部备案,面向全国统一招生
5

【盘点高校】广西有哪些综合类专科(高职)大学?共多少所? ** 广西共 10 所综合类专科(高职)大学。 ** 这些学校分别是:南宁职业技术学院、柳州职业技术学院、广西现代职业技术学院、广西英华国际职业学院、北海职业学院、柳州城市职业学院、梧州职业学院、桂林山水职业学院、广西培贤国际职业学院、广西自然资源职业技术学院。 ## 1、 南宁职业技术学院 南宁职业技术学院座落在广西南宁市,是一所公办综合类专科(高职)院校。 创建时间:1984年占地面积
4