vue创建一个基于 webpack 模板的新项目

创建一个基于 webpack 模板的新项目

要创建项目,首先我们要选定目录,然后再命令行中把目录转到选定的目录。可以使用:

#my-project为自定义项目名
$ vue init webpack my-project

初始化一个项目,或使用

$ vue init webpack-simple my-project

初始化一个简单的项目

clipboard.png

clipboard.png

运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。

clipboard.png

需要注意的是项目的名称不能大写,不然会报错。

Project name (my-project) # 项目名称(我的项目)

Project description (A Vue.js project) # 项目描述一个Vue.js 项目

Author 作者(你的名字)

Install vue-router? (Y/n) # 是否安装Vue路由,也就是以后是spa(但页面应用需要的模块)

Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码? (Y [ yes ] / N [ no ])

Pick an ESLint preset (Use arrow keys) # 选择一个预置ESLint(使用箭头键)

Setup unit tests with Karma + Mocha? (Y/n) # 设置单元测Karma + Mocha? (Y/ N)

Setup e2e tests with Nightwatch? (Y/n) # 设置端到端测试,Nightwatch? (Y/ N)

当然这些都看你自己个人的情况,我这里是全选了是。


安装项目所需要的依赖

刚初始化的项目是没有依赖的,如果运行会报类似这样的错误,

clipboard.png

所以在这之前需要解决项目的依赖问题,使用下面的命令安装项目的依赖。

$ cnpm install

如果出现如下图情况,说明依赖解决成功。

clipboard.png


运行项目

$ cnpm run dev

clipboard.png

如果看到这个界面,说明配置成功

猜你喜欢

转载自blog.csdn.net/qq_41328247/article/details/80736844