标签:com 架构 生成 检查 访问 方式 这一 int 严格
1. 安装vuejs
cnpm install vue //或者 npm install vue
检验是否安装成功,获取到版本号即为安装成功。
vue -V
2. 安装vue-cli脚手架构建工具
cnpm install --global vue-cli
3. 创建一个基于webpack模板的新项目
要创建项目,首先我们要选定目录,然后再命令行中把目录转到选定的目录。然后执行
vue init webpack my-project
这样就会生成一个初始化的vue项目,或使用
vue init webpack-simple my-project
生成一个一个简单的项目,目录结构比上一种方式简单许多。
运行初始化命令的时候会让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。
需要注意的是项目的名称不能大写,不然会报错。
Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代码? (Y [ yes ] / N [ no ])
ESLint 是js语法检查工具,使用的话会严格要求js书写格式,对代码规范化有着一定的好处,如果闲麻烦也可以不开。
至此项目已经构建好了,那么如何把项目运行起来呢?
首先需要进入到我们项目的文件夹,也就是cd到我们项目目录,然后执行
cnpm install
如果创建项目的时候没有报错,这一步可以省略。如果报错了 cd到项目里面运行
cnpm install
执行这一步的目的就是安装项目的依赖,这时会将package.json文件中配置的依赖全部安装一遍。
最后运行
npm run dev
这样我们的项目就运行起来了。访问地址:http://localhost:8080
标签:com 架构 生成 检查 访问 方式 这一 int 严格
原文地址:https://www.cnblogs.com/sysg/p/10249716.html