厚街东莞网站推广,兴化市住房和城乡建设局网站,主页模板,网站开发框架具体是什么Vue的安装与使用#xff08;Linux OS#xff09; Node.js的安装Vue的安装Vue的使用 操作系统#xff1a;Ubuntu 20.04 LTS Node.js的安装
安装Node.js Node.js官方下载地址
1.选择合适的系统架构#xff08;可通过uname -m查看#xff09;版本安装 2.下载文件为tar.xz格… Vue的安装与使用Linux OS Node.js的安装Vue的安装Vue的使用 操作系统Ubuntu 20.04 LTS Node.js的安装
安装Node.js Node.js官方下载地址
1.选择合适的系统架构可通过uname -m查看版本安装 2.下载文件为tar.xz格式进入到下载目录下执行如下命令解压文件
cd 下载
xz -d *.tar.xz # 解压为tar文件
tar xvf *.tar # 解压tar文件3.在/usr/local文件夹下新建一个名为nodejs的文件夹
cd /usr/local
mkdir nodejs4.将解压的文件移动到nodejs下
cd 下载
mv node-v12.14.0-darwin-x64/* /usr/local/nodejs #node-v12.14.0-darwin-x64为解压的文件夹名5.此时的bin文件夹中已经存在node以及npm如果你进入到对应文件的中执行命令行一点问题都没有不过不是全局的所以通过建立软链接的方式将这个设置为全局
ln -s /usr/local/nodejs/bin/node /usr/local/bin
ln -s /usr/local/nodejs/bin/npm /usr/local/bin6.测试
Vue的安装
1.全局安装Vue脚手架
npm install -g vue/cli2.配置淘宝镜像
npm config set registry http://registry.npm.taobao.org/3.建立软链接
sudo ln -s /usr/local/nodejs/bin/vue /usr/bin/vueVue的使用
1.建立项目文件夹创建vue目录
mkdir code
cd code
vue create vue # 创建vue目录配置选择如下 配置解释如下 2.使用IDE打开vue目录此时以IDEA为例文档结构如下 HomeView.vue为首页展示文件App.vue为入口文件 3.终端输入npm run serve启动vue可以通过IDEA自带Terminal执行 4.浏览器输入http://localhost:8080访问首页展示如下 5.终端输入npm i element-ui -S导入element-ui导入完成后npm run serve重启vue 6.查阅官方文档在main.js下添加缺失语句 import ElementUI from element-ui;
import element-ui/lib/theme-chalk/index.css;Vue.use(ElementUI, {size: mini});7.测试 HomeView.vue下在适当位置添加el-button标签刷新浏览器查看
