创建vue项目

最新推荐文章于 2022-04-18 15:24:08 发布

w511

最新推荐文章于 2022-04-18 15:24:08 发布

阅读量145

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/qq_43270941/article/details/103417918

版权

一、准备工作
1.安装 node.js
这给就是下载了，就点这几个

下一步，接受协议选项，更改路径，继续下一步到安装完成
配置环境变量就是在path中添加你下载的路径（就是你上面改的路径

这个方面的博客还没写，这个随便随便找个博客看吧

二vue的创建
1.检查是否有node.js
在这里插入图片描述
2.建立一个储存vue项目的文件夹
3.在文件夹路径上输入cmd，进入命令
4.淘宝 NPM 镜像

  npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

5.全局安装

cnpm install vue-cli -g      //全局安装 vue-cli

这个命令只需要运行一次就可以了。安装上之后，以后就不用安装了。

6.查看vue是否安装好，出现版本号即安装成功

vue -V

如果提示“无法识别 ‘vue’ ” ，有可能是 npm 版本过低，需要手动更新npm的版本号。
7.更新npm至最新版本：

cnpm -g install npm

8.初始化一个项目

vue init  webpack +项目名称

在这里插入图片描述
9.问题

1.Project name (项目名称)；按Enter

2.Project description (A Vue.js project)；项目描述按Enter

3.Author 作者；输入名字，按Enter

4.Vue build (Use arrow keys) Runtime + Compiler: recommended for most users；运行加编译，就选它按Enter Runtime-only: about 6KB lighter min+gzip, but
templates (or any Vue-specificHTML) are ONLY allowed in .vue files -
render functions are required elsewhere；仅运行时，就选择第一个了

5.Install vue-router? (Y/n)；安装的路由？肯定用上输入Y，按Enter

6.Use ESLint to lint your code? (Y/n)；使用ESlint语法？这时为了多人协作，新手就不用了输入N，按Enter

7.Setup unit tests with Karma + Mocha? (Y/n)；是否安装单元测试？输入N，按Enter

8.Setup e2e tests with Nightwatch? (Y/n)；是否安装e2e测试？输入N，按Enter

9.Should we run npm install for you after the project has been created? (recommended) (Use arrow keys)
Yes, use NPM
Yes, use
Yarn No, I will handle that myself
选第一个 Yes, use NPM 按Enter