安装vue环境

1.首先安装node.js,去官网https://nodejs.org/zh-cn/下载安装包

node -v                                                                                       打开cmd   可以查看node版本           

2.npm install webpack –g                                                           安装webpack打包工具

npm install -g cnpm --registry=https://registry.npm.taobao.org         使用npm太慢可以使用淘宝镜像cnpm  安装会很快速

3.npm install -g vue-cli                                                               安装vue 的脚手架

4.vue init  webpack wy                                                                wy为自己的项目名字

5.npm install                                                                                安装node_modules依赖的代码库

------------------------------------------分割线---------------------------------------------

1.cd sell                                                                                       进入目录

2.vue list                                                                                      看一下安装完没

3.npm run dev                                                                             执行

4.ctrl+c                                                                                        终止

---------------------------------------------------------------------------------------分割线-----------------------------------------------------------------------------------

 

vue目录下都是些什么?

一级目录

build 和 config      是webpack 配制相关

nodel_modules    是npm install安装的依赖代码库

src                       是存放项目源码的

static                   是第三方静态资源

目录下的文件

.babelrc:          通过babelrc把es6 编译成es5 此文件是一些配置

                           presets:预设

                           plugis:把es6的方法做转换

                           comments:false

.editorconfig:   编辑器里的配制

.eslintrc.js :     selintr 的配制文件

.gitnore :         git 仓库

index.html:      html的入口文件,引用的文件会在编译过程中自动插入进来

readme.md:    项目的描边文件

main.js:           入口js

项目目录 src:

main.js:           入口文件

app.vue:         整个项目的vue实例文件

components:  存放组件文件,比如header

assets:           不需要就可以删掉

common:        公共的资源和组件      

                          font  字体格式

                           js

                          stylus css 预处理(icon.styl其语法和css一样就是括号和分号删掉 

             

原文地址:https://www.cnblogs.com/sun927/p/8244779.html