vue2..0脚手架安装过程

最新推荐文章于 2023-12-15 16:37:25 发布

素雪玉

最新推荐文章于 2023-12-15 16:37:25 发布

阅读量580

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/loverlanxin/article/details/103087396

版权

vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.安装node.js

从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。安装完成后，打开命令行工具输入命令node -v，如果出现对应版本号，就说明安装成功了。

2.安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装vue

cnpm install vue

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

cnpm install vue-cli -g

5.测试vue-cli是否安装成功

命令面板：vue -V 或 vue --version 可查看它的版本
命令面板：ipconfig 可获取本地IP地址

6. 构建vue项目

vue init webpack 项目名称 //项目名称不能大写

Project name (my-app) # 项目名称（我的项目）
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）
注：这些都看你自己个人的情况

7. vue配置sass

1）在当前文件夹打开后台 下载
cnpm install --save-dev node-sass
cnpm install --save-dev sass-loader@7.3.1
2)打开文件夹 build 在文件夹下的 webpack.base.conf.js 中配置
   {
	  test: /\.scss$/,
	  loaders: ['style', 'css', 'sass']
   }