npm config set registry https://registry.npm.taobao.org/
npm config set electron_mirror http://npm.taobao.org/mirrors/electron/
npm cache clean -f
npm config set registry http://npm.tb.com
npm config set prefix /root/and/node/node_global
npm config set cache /root/and/node/node_cache
mkdir helloWorld && cd helloWorld
1 npm install vue
1) vim index.html
<div id="app">{{ message }}</div>
<script type="text/javascript" src="./node_modules/vue/dist/vue.js"></script>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: { message: 'Hello Vue!' }
})
</script>
2) npm install -g @vue/cli
npm install -g @vue/cli-service-global
vue serve [main.js index.js App.vue app.vue]
vue serve MyComponent.vue
vue build MyComponent.vue
vue create hello-world # or vue ui
vue add @vue/eslint
vue add router
vue add vuex
1） vim package.json
{
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
}
}
npm run serve
# vue-cli-service inspect
# Sass npm install -D sass-loader node-sass
# Less npm install -D less-loader less
# Stylus npm install -D stylus-loader stylus
2) vim main.js
import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app')
2 npm i -S @vue/ui
1) vim main.js
import Vue from 'vue'
import VueUi from '@vue/ui'
import '@vue/ui/dist/vue-ui.css'
# import App from './App.vue'
Vue.use(VueUi)
# var app = new Vue({App,}).$mount('#app')