vue项目搭建,启动

1.安装node.js

打开cmd命令框:
检测版本node -v,
检测包管理工具npm -v
如果未安装,安装node.js
在这里插入图片描述

2. 安装webpack

打开命令行工具输入:npm install webpack -g,安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。

3. 安装vue-cli脚手架构建工具

npm install vue-cli -g
安装vue-cli脚手架构建工具,打开命令行工具输入:npm install vue-cli -g,安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功
在这里插入图片描述

4.新建vue项目

接下来我们就准备构建项目了,首先就是找个磁盘,自己新建一个文件用于放我们的项目

在命令行中 cd 找到我们的项目文件

vue init webpack 项目名字<项目名字不能用中文>
然后会显示

在这里插入图片描述
复制代码
Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
Project name (vue-test) 直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 直接回车默认
Use ESLint to lint your code? n
pick an eslint preset. 默认Standard
setup unit tests with karma + mocha?No(单元测试不需要)
setup e2e tests with Nightwatch?No(单元测试不需要)

cd 项目名字
安装项目依赖 :npm install
安装 vue 路由模块vue-router和网络请求模块vue-resource –save-dev 是你开发时候依赖的东西,–save 是你发布之后还依赖的东西 :npm install vue-router vue-resource –save
启动项目 :npm run dev
在这里插入图片描述
到了这里,说明你的项目就可以正式运行了,打开浏览器输入上述的链接,项目搭建完毕,可以开发了
在这里插入图片描述
发布项目
npm run build

发布了35 篇原创文章 · 获赞 7 · 访问量 9480
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章