安装node环境
① 下载地址为:https://nodejs.org/en/
② 检查是否安装成功:cmd输入命令 node -v 或者 npm -v, 如果输出版本号,说明我们安装node环境成功。
Q: 为什么我们需要安装node呢?
A: vue.js 是通过 webpack来打包,而webpack 又基于 npm, npm需要nodejs环境。这就是为什么vue.js 还需要安装nodejs环境。具体参考文章 https://www.jianshu.com/p/8b5e85b1e3b9搭建vue项目环境,创建vue项目
1)先创建一个文件夹
2)在termina中 cd xxx 然后通过vue-cli脚手架进行搭建项目(先安装sudo npm install --global vue-cli
)
3)然后创建vue的项目vue init webpack 项目名
Vue build ==> 打包方式,回车即可;
Install vue-router ==> 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;
Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车;
Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车;
Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车;
4)启动项目npm run dev
或npm run start
vue项目目录讲解
安装使用Vue 初步搭建项目
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- WHY 之所以写这篇如何运用脚手架自动化构建出一个项目的大架构,主要是面向想入门vue的小伙伴。之前,我第一次接触...
- 如何使用vue搭建脚手架,nodejs如何进行拉包处理,简述如何基于webpack创建项目模板 版权声明:本文为C...
- 一、安装nodejs(主要是使用cnpm) 下载安装对应的nodejs版本 nodejs链接 安装完成后,使用命...
- vue引用scss style 报错npm config set registry https://registr...