10.2 Vue 環境安裝

 Vue 環境安裝

環境準備 

nodejs 下載安裝 

https://nodejs.org/en/

查看下載版本

C:\>node -v
v7.6.0

C:\>npm -v 4.1.2

下載引入 

vue.js 

https://vuejs.org/js/vue.js

npm

npm install vue

相關的命令 

npm init --yes 　　初始化項目 自動生成一個 package.json 文件
npm rebuild  　　　　拿到別人的項目環境不一致致使報錯的時候能夠先重建一下環境
npm install 　　　　下載全部的依賴包 
npm install jquery --save 　　下載依賴包
npm run build  　　打包生成靜態文件夾
npm run dev  　　啓動項目
npm start  　　啓動項目


npm install -g cnpm --registry=https://registry.npm.taobao.org    更改成淘寶鏡像
cnpm install -g vue-cli  　　安裝 vue-cli 
vue -V 　　查看版本
vue list  查看項目支持類型 

查看支持項目類型

簡單示例用　　webpack-simple

真正項目用　　webpack

    C:\>vue list

      Available official templates:

      ★  browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing.
      ★  browserify-simple - A simple Browserify + vueify setup for quick prototyping.
      ★  pwa - PWA template for vue-cli based on the webpack template
      ★  simple - The simplest possible Vue setup in a single HTML file
      ★  webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.
      ★  webpack-simple - A simple Webpack + vue-loader setup for quick prototyping.

建立項目 

F:\yangtuo>vue init webpack

? Generate project in current directory? Yes
'git' �����ڲ����ⲿ���Ҳ���ǿ����еij���
���������ļ���
? Project name yangtuo
? Project description A Vue.js project
? Author
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No ? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "yangtuo".


# Installing project dependencies ...