博客

1.vue-cli

https://cli.vuejs.org/zh/guide/

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,有以下特征：

• 通过
  
@vue/cli

  实现的交互式的项目脚手架。
• 通过
  
@vue/cli

  +
  
@vue/cli-service-global

  实现的零配置原型开发
• 可以使用一下命令来创建一个基础项目

• vue create hello-world

也可以通过vue ui 命令，通过界面来创建项目

vue run server 其实是访问的./node_modules/.bin/vue-cli-service 这个命令

此外vue cli 还规定了html 和静态资源的目录位置

2. vue 通过以下命令 引入css

# Sass
npm install -D sass-loader sass

# Less
npm install -D less-loader less

# Stylus
npm install -D stylus-loader stylus

3.模式和环境变量

vue cli 有三个环境变量vue develop ,test,proudction

一个环境文件只包含环境变量的“键=值”对：

FOO=bar
VUE_APP_NOT_SECRET_CODE=some_value

你可以在你的项目根目录中放置下列文件来指定环境变量：

.env                # 在所有的环境中被载入
.env.local          # 在所有的环境中被载入，但会被 git 忽略
.env.[mode]         # 只在指定的模式中被载入
.env.[mode].local   # 只在指定的模式中被载入，但会被 git 忽略

4. webpack ，

webpack

是一个用于现代 JavaScript 应用程序的

静态模块打包工具

。当 webpack 处理应用程序时，它会在内部构建一个

依赖图(dependency graph)

，此依赖图对应映射到项目所需的每个模块，并生成一个或多个

bundle

。