『从零开始学vue』教你如何使用npm快速创建一个vue项目

@vue/cli-service

```

)，该依赖：

*   可升级；

*   基于 webpack 构建，并带有合理的默认配置；

*   可以通过项目内的配置文件进行配置；

*   可以通过插件进行扩展。

• 一个丰富的官方插件集合，集成了前端生态中最好的工具。

• 一套完全图形化的创建和管理 Vue.js 项目的用户界面。

2.2切换下载源

---

Tips：这里会遇到安装过慢的问题

我们可以在下载cli前执行如下命令切换下载源：

npm config set registry https://registry.npm.taobao.org/

2.3下载CLI

---

3.创建vue项目

========================================================================

vue create 项目名

养成好习惯，在c盘意外的盘符下创建存放代码项目的文件，在cmd种更改一下文件的路径然后创建vue项目

更换盘符的命令：

E:   

E:\Web\webWorkSapce>

3.1创建vue项目

---

vue create 项目名

然后就会进入这个界面进行项目的配置

3.2手动选择界面

---

通过上下键移动选择，enter选中

选中Manually select features进入手动选择界面

选择Babel , Router， Vuex (空格键选中/取消)

下一步选中 3.x的版本

下一步选择路由方式（y或n选择y)并选择 In package.json

最后问你是否将这次配置保存为未来项目的预设，可以选择yes

然后问你save preset as :填保存的文件名。，然后回车就开始为我们创建工程啦

可以看到如下提示说明创建成功啦

按照提示我们操作两行蓝色的命令

4.启动工程

=====================================================================

其中 npm run serve是启动这个工程的命令

在浏览器中通过 http://localhost:8080/这个端口可以打开我们创建的项目

可以看到默认是如下的样式

在我们的路径下也可以看到整个工程的文件夹

基础面试题

主要内容包括：HTML，CSS，JavaScript，浏览器，性能优化等等

cn/img_convert/a9550cca5d571e7284a5618bc32cb848.png)

基础面试题

主要内容包括：HTML，CSS，JavaScript，浏览器，性能优化等等